<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>E总管-高端生活</title>
		<link rel="stylesheet" href="src/css/bootstrap.min.css" />
		<link rel="stylesheet" href="src/swiper/swiper-3.4.2.min.css" />
		<link rel="stylesheet" href="public/css/my_style.css" />
		<link rel="stylesheet" href="public/css/header.css" />
		<link rel="stylesheet" href="public/css/footer.css" />
		<link rel="stylesheet" href="src/font-awesome/css/font-awesome.min.css" />
		<link rel="stylesheet" href="public/picker/bootstrap-datetimepicker.min.css" />
		<link rel="stylesheet" href="src/scrool/jquery.mCustomScrollbar.css" />
		<link rel="stylesheet" href="public/css/question/tab_step.css" />
		<link rel="stylesheet" href="css/high_life.css" />
	</head>

	<body>
		<div id="app" v-cloak>
			<m_header :user_info="infos"></m_header>
			<div class="main my_container">
				<!--九种类型-->
				<types type="0"></types>
				<!--右侧内容-->
				<div class="right">					
					<!--高端生活-->
					<div class="collection one_type" v-show="children_data.isShow">
						<div class="overflow my_tabs">
							<li class="type text-center cursor" v-bind:class="[{active:type==0}]" @click="showProductLibrary">产品库</li>
							<li class="type text-center cursor" v-bind:class="[{active:type==1}]" @click="showUsers">需求分析</li>
							<button style="width: auto;" v-if="type==1" @click="add_customer" class="btn btn-base" type="button"><i class="fa fa-plus-square"></i> 新建客户数据</button>
						</div>
						<!--内容-->
						<div class="content" >
							<div class="products" v-show="type==0">
								<!--轮播图-->
								<div class="lunbo">
									<div class="swiper-container products_container">
									    <div class="swiper-wrapper">				       
									        <div class="swiper-slide" v-for='item in banners'>
												<div style="background-size: 100%;" @click="goBannerLinkUrl(item)" v-bind:style='{"background-image":"url("+host+item.ImgUrl+")"}'>												
													<img v-bind:src='host+item.ImgUrl' class="transform_center" alt="" />
												</div>
											</div>
									    </div>
									    <!-- 如果需要分页器 -->
									    <div class="swiper-pagination products_pagination"></div>				    
									    <!-- 如果需要导航按钮 -->
									    <div class="swiper-button-prev products_prev"></div>
									    <div class="swiper-button-next products_next"></div>				    
									    <!-- 如果需要滚动条 -->
									    <div class="swiper-scrollbar"></div>
									</div>
								</div>
								<!--图片集合-->
								<div class="module">
									<div class="imgs">
										<div class="one_img cursor"  v-for='(item,index) in modelList' >
											<div  @click="show_list(item)">
												<div class="my_flex my_flex_center">
													<img v-bind:src='item.CategoryIcon | add_baseUrl'></img>
												</div>
												<div class="my_flex my_flex_center">
													<span>{{item.CategoryName}}</span>
												</div>						
											</div>
										</div>
									</div>
								</div>
								<!--推荐产品-->
								<div class="recommend module">
									<li class="title">推荐产品</li>
									<ul class="list">
										<li class="cursor" @click='go_introduce(item)' v-for="item in recommend_products">
											<span>{{item.ProductName}}</span> <i class="glyphicon glyphicon-menu-right"></i>
										</li>										
									</ul>
								</div>
								<!--详情列表-->
								<product_list_detail v-if='product_list_detail_show.value' :item='list_item' :is_show="product_list_detail_show" @go_introduce="go_introduce"></product_list_detail>
								
								
							</div>
							<!--用户列表-->							
							<div class="posts" v-if="type==1">
								<div class="lists">
									<table class="table  table-striped">
										<tr class="one_list cursor" @click="modify_userinfo(item)" v-for='(item,index) in users'>
											<td><span class="index">{{index+1}}</span></td>
											<td><span>{{item.CustomerName}}</span></td>
											<td><span><i class="fa " v-bind:class='[item.Sex ? "fa-male":"fa-female","fa"]'></i> {{item.Age}}岁</span></td>
											<td><span>{{item.Address}}</span></td>
											<td><span>{{item.Career}}</span></td>
										</tr>
										<tr class="text-center no_user" v-if="users.length==0"><td>暂无用户信息</td></tr>
									</table>
								</div>
							</div>
						</div>
					</div>
					<!--问答-->
					<div class="questions question_step" v-if="!children_data.isShow">
						<!--步骤条-->
						<step_bar :parent_data="children_data"></step_bar>						
						<basic_question v-if='children_data.question_step==1'  :parent_data="children_data"></basic_question>
						<special_question v-if='children_data.question_step==2' :parent_data="children_data"></special_question>
						<!--评估-->						
						<recommend_product v-if='children_data.question_step==3' :parent_data="children_data" @get_qausers="getQAUsers"></recommend_product>	
					</div>
				</div>
			</div>
			<!--模态框-->
			<m_modal ref="m_modal" :guide_map="guide_map"></m_modal>
			<!--footer-->
			<m_bottom :user_info="globalData.userInfo"></m_bottom>
			<!--loading-->
			<loading></loading>		
			
		</div>
		<script src="src/jquery.js"></script>
		<script src="src/js/jquery.nicescroll.js"></script>
		<script src="src/js/common-scripts.js"></script>
		<script src="src/vue.min.js"></script>
		<script src="src/js/bootstrap.min.js"></script>
		<script src="src/js/bootstrapValidator.min.js"></script>
		<script src="public/picker/bootstrap-datetimepicker.min.js"></script>
		<script src="public/picker/locales/bootstrap-datetimepicker.zh-CN.js"></script>
		<script src="src/swiper/swiper-3.4.2.jquery.min.js"></script>
		<!--专属问题-->
		<script type="text/x-template" id="special_question_template">
			<form class="form-horizontal form">
				<template v-if='children_data.current_question.ID'>
					<form_com :parent_data="children_data"></form_com>
				</template>
				<div class="form-group">
					<div class="col-sm-offset-3 col-sm-6">
						<button type="button" style="width: 150px;" class="btn btn-base col-sm-3" @click="preStepCallback">{{preButtonTitle}}</button>
						<button type="button" style="width: 150px;margin-left: 30px;" class="btn btn-base col-sm-3" @click="gonextquest">{{nextButtonTitle}}</button>
					</div>
				</div>
			</form>
		</script>
		<script type="text/x-template" id="oneQuestion-template">
			<div class="itemQuestion">
				<!--输入框-->
				<div class="form-group" v-if="parent_data.current_question.ControlType==8">
					<div class="col-sm-6 col-sm-offset-3">
						<li class="title">{{parent_data.current_question.QuestionTitle}}？</li>
						<div class="content">
							<input type="number" class="form-control" name="workyear" v-model="parent_data.component_data.selectedValue" v-bind:placeholder="parent_data.current_question.PlaceHolder">
						</div>
					</div>
				</div>
				<!-单选-->
				<div class="form-group" v-if="parent_data.current_question.ControlType==3">
					<div class="col-sm-6 col-sm-offset-3">
						<li class="title">单选:{{parent_data.current_question.QuestionTitle}}？</li>
						<div class="content">
							<div class="checkbox" v-for="item in parent_data.current_question.AnswerOutputs">
								<label @click="change_radio(item)">
									<input type="radio" name="optionsRadios" v-model="parent_data.component_data.selectedValue" v-bind:value="item.ID">
   									{{item.AnswerItem}}
							</label>
							</div>
						</div>
					</div>
				</div>
				<div class="form-group" v-if="parent_data.current_question.ControlType==4">
					<div class="col-sm-6 col-sm-offset-3">
						<li class="title">多选:{{parent_data.current_question.QuestionTitle}}？</li>
						<div class="content">
							<div class="checkbox" v-for="item in parent_data.current_question.AnswerOutputs">
								<label @click="change_radio(item)">
									<input type="checkbox" v-model="parent_data.component_data.selectedValue" v-bind:value="item.ID" >
										{{item.AnswerItem}}
							</label>
							</div>
						</div>
					</div>
				</div>
				<div class="form-group" v-if="parent_data.current_question.ControlType==9||parent_data.current_question.ControlType==10">
					<div class="col-sm-6 col-sm-offset-3">
						<asset_control :control_out="parent_data.control9_10_data.control_out" :parent_value="parent_data.control9_10_data.parent_value" :control_type="parent_data.current_question.ControlType"></asset_control>
					</div>
				</div>
			</div>
		</script>
		
		<!--问答推荐产品-->
		<script type="text/x-template" id="recommend_product">
			<div class="recommend module">
				<!--<li class="title">推荐产品</li>-->
				<ul class="list">
					<template v-if="parent_data.evaluation_result.HL">
						<li class="cursor" @click='go_introduce(item)'   v-for="item in (parent_data.evaluation_result.HL[0].Products)">
							<span>{{item.ProductName}}</span> <i class="glyphicon glyphicon-menu-right"></i>									
						</li>
					</template>						
				</ul>
				<div class="text-right" style="padding-top: 50px;">
					<button type="button" @click="go_customers_list" class="btn btn-base" style="width: auto;">返回列表</button>
				</div>
			</div>			
		</script>
		<script src="public/component/question/recommend_product.js"></script>
		<script src="src/scrool/jquery.mCustomScrollbar.min.js"></script>		
		<script src="public/js/comm.js"></script>
		<script src="public/js/header_bottom.js"></script>
		<script src="public/component/question/basic_question.js"></script>
		<script src="public/component/question/special_question.js"></script>
		<!--推荐产品列表-->
		<script src="public/component/high_life/product_list_detail.js"></script> 
		<script src="public/component/question/modal.js"></script>
		<script src="public/component/change_page.js"></script>
		<script src="js/high_life.js"></script>
	</body>

</html>